@charset "utf-8";
/* CSS Document */
.m_l_5
	{
	margin-left:5px;
	}
.navi_tailieu
	{
		border-bottom:3px #333 solid;
		margin-bottom:15px;
	}
.navi_tailieu ul
	{
		list-style:none;
		 font-size:12px;
		 overflow:hidden;
	}
.navi_tailieu ul li
	{
		height:22px;
		float:left;
	}
.navi_tailieu ul li a
	{
		display:inline-block;
		line-height:22px;
		padding:0px 15px 0px 10px;
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
.navi_tailieu ul li a:hover
	{
			background:url(../images/tailieu/navi_bg_top.gif) right top no-repeat;
		line-height:22px;
		color:#FFF;
	}
.navi_tailieu ul li a.active
	{
		background:url(../images/tailieu/navi_bg_top.gif) right top no-repeat;
		line-height:22px;
		color:#FFF;
	}
	
/* col */
.left_tl
	{
	float:left;
	width:202px;
	}
.menu_left
	{
	
	}
.menu_left ul
	{
	list-style:none;
	}
.menu_left ul li
	{
	line-height:31px;
	
	}
.menu_left ul li.lv1 a
	{
	background:url(../images/tailieu/menuligb.gif) top left no-repeat #FFF;
	line-height:31px;
	height:31px;
	display:block;
	padding-left:15px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}
.menu_left ul li.lv1 a span
	{
	color:#0066ff;
	text-decoration:none;
	}
.menu_left ul li.lv1 a:hover span
	{
	color:#FFF;
	text-decoration:none;
	}
.menu_left ul li.lv1 a:hover
	{
	background:url(../images/tailieu/menuligbhover.gif) top left no-repeat #FFF;
	color:#FFF;
	}

.menu_left ul li.lv1 ul li.lv2.line
	{
	background:url(../images/tailieu/dotbottom.gif) left bottom repeat-x #FFF; 
	height:1px;
	line-height:1px;
	font-size:1px;
	}
.menu_left ul li.lv1 ul li.lv2 a
	{
	background:url(../images/tailieu/lilv2.gif) left center no-repeat #FFF;
	padding-left:20px;
	color:#333;
	font-weight:normal;
	}
.menu_left ul li.lv1 ul li.lv2 a:hover
	{
	background:url(../images/tailieu/lilv2_hover.gif) left center no-repeat #FFF;
	padding-left:20px;
	color:#333;
	font-weight:normal;
	}
.menu_left ul li.lv1 a.active
	{
	background:url(../images/tailieu/menuligbhover.gif) left center no-repeat #FFF;
	color:#FFF;
	}
.right_tl
	{
	float:left;
	margin-left:20px;
	}
.right_tl .hottrongthang
	{
	width:424px;
	}
.right_tl .hottrongthang h2
	{
	background:url(../images/tailieu/tophot.gif) no-repeat;
	height:31px;
	padding-left:53px;
	color:#FFFFFF;
	font-size:14px;
	line-height:31px;
	}
.right_tl .hottrongthang .center
	{
	 border-left:1px #cccccc solid;
	 border-right:1px #cccccc solid;
	 background:#FFF;
	 padding-top:15px;
	 overflow:hidden;
	}
.right_tl .hottrongthang .center .docs
	{
	position:relative;
	width:120px;
	height:148px;
	float:left;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	}
.right_tl .hottrongthang .center .docs .desc
	{
	width:120px;
	height:30px;
	border:1px #CCC solid;
	position:absolute;
	top:80px;
	left:-5px;
	background:#333;
	color:#FFF;
	text-align:center;
	padding:5px;
	}
.right_tl .hottrongthang .center .docs .desc a
	{
	color:#FFF;
	text-decoration:none;
	}
.right_tl .hottrongthang .bottom
	{
	 background:url(../images/tailieu/bthot.gif) no-repeat;
	 height:10px;
	  font-size:1px;
	  line-height:1px;
	}
.right_sort
	{
	width:424px;
	margin-top:15px;
	}
.right_sort .top
	{
	background:url(../images/temp/toptab.gif) no-repeat;
	line-height:1px;
	font-size:1px;
	height:10px;
	}
.right_sort .bottom
	{
	background:url(../images/temp/bttab.gif) no-repeat;
	line-height:1px;
	font-size:1px;
	height:10px;
	}
.right_sort .center
	{
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	}
.right_sort .center .btns
	{
	overflow:hidden;
	}
.right_sort .center .btns .btn
	{
	height:28px;
	text-align:center;
	line-height:28px;
	}
.right_sort .center .btns a.btn
	{
	height:28px;
	text-align:center;
	line-height:28px;
	float:left;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	background:#333;
	padding:0px 10px;
	margin-left:10px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	}
.right_sort .center .btns a.btn:hover ,.right_sort .center .btns a.active
	{
	height:28px;
	text-align:center;
	line-height:28px;
	float:left;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	background:#0066ff;
	padding:0px 10px;
	margin-left:10px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	}
.right_sort .center .sort_pager
	{
	background:#CCC;
	/* overflow:hidden; */
	padding:5px 8px;
    height: 17px;
	margin-top:10px;
	}
.right_sort .center .sort_pager .sort
	{
	float:left;
	color:#000;
	}
.right_sort .center .sort_pager .sort select
	{
	vertical-align:middle;
	margin-left:5px;
	}
.right_sort .center .sort_pager .pager
	{
	float:right;
	}
.right_sort .center .sort_pager .pager a
	{
	color:#0066ff;
	float:left;
	padding:0px 3px;
	text-decoration:none;
	}
.right_sort .center .sort_pager .pager a.active
	{
	color:#0066ff;
	text-decoration:underline;
	}
.right_sort .center .resultblock
	{
	margin:0px 10px;
	padding:10px 0px;
	overflow:hidden;
	background:url(../images/tailieu/dotbottom.gif) bottom left repeat-x;
	}
.right_sort .center .resultblock h2
	{
	font-size:13px;
	color:#0066ff;
	padding-bottom:10px;
	}
.right_sort .center .resultblock h2 a
	{
	font-size:13px;
	color:#0066ff;
	}
.right_sort .center .resultblock p
	{
padding:3px 0px;
	}
.right_sort .center .resultblock p a
	{
	color:#0066ff;
	}
.right_sort .center .resultblock .imgthumb
	{
	float:left;
	margin-right:10px;
    height: 120px;
	}
.rr_tl
	{
	float:left;
	}

/* khoa hoc hay */
.khh
	{
		position:relative;
		margin-top:10px;
		width:310px;
	}
.khh .top
	{
		background:url(../images/camnang/top_khh.gif) left top no-repeat;
	}
.khh .bottom h2
	{
		color:#c00;
		font-size:16px;
		padding-left:20px;
		padding-top:20px;
	}
.khh .bottom .list
	{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	}
.khh .center
	{
		background:url(../images/camnang/ct_khh.gif) top left repeat-y;
	}
.khh .bottom
	{
		background:url(../images/camnang/bt_khh.gif) left bottom no-repeat;
		min-height:500px;
		padding-bottom:10px;
	}

.khh .list_class
	{
		overflow:hidden;
		margin:8px 0px;
		background:url(../images/camnang/dotbottom.gif) bottom left repeat-x;
		padding-bottom:8px;
		
	}
.khh .list_class .list_class_img
	{
		width:70px;
		height:50px;
		float:left;
	}
.khh .list_class .list_class_img img
	{
	border:1px #CCC solid;
	}
.khh .list_class .list_class_name
	{
		color:#1155cc;
		float:left;
		padding-left:10px;
		width:180px;
		font-size:13px;
	}
.khh .list_class .list_class_name a
	{
		color:#1155cc;
		text-decoration:none;
	}
.khh .list_class .list_class_name a:hover
	{
		color:#00377b;
		text-decoration:none;
	}

/* accordion */
#accordion-tl{

 }
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header {
    cursor: pointer; position: relative;  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top a{
    background:url(../images/tailieu/menuligbhover.gif) left center no-repeat #FFF;
    color:#FFF;
}
.ui-accordion .ui-accordion-header a {
    background: url("../images/tailieu/menuligb.gif") no-repeat scroll left top #FFFFFF;
    color: #000000;
    display: block;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding-left: 10px;
    text-decoration: none;
}
.ui-accordion-icons .ui-accordion-header a { }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {
    display: none;
    padding-left: 5px;
    zoom: 1;

}
.ui-accordion .ui-accordion-content ul{

}
.ui-accordion .ui-accordion-content ul li{
    line-height: 31px;
}
.ui-accordion .ui-accordion-content ul li.line{
    background: url("../images/tailieu/dotbottom.gif") repeat-x scroll left bottom #FFFFFF;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}
.ui-accordion .ui-accordion-content ul li a{
    background: url("../images/tailieu/lilv2.gif") no-repeat scroll left center #FFFFFF;
    color: #333333;
    font-weight: normal;
    padding-left: 20px;
}
.ui-accordion .ui-accordion-content ul li a:hover{
    background:url(../images/tailieu/lilv2_hover.gif) left center no-repeat #FFF;
    padding-left:20px;
    color:#333;
    font-weight:bold;
    text-decoration: none;
}
.ui-accordion .ui-accordion-content-active { display: block; }


.numpage {
    font-weight: bold;
}
.auth {
    
} 
.listsort {
   
    padding: 15px 15px 0;
    clear: both;
}
.jplist {
    min-height: 300px !important;
}
.bottom {
    clear: both;
}


.hidden {
    display: none;
}
.alt_page_navigation, .alt_page_navigation1, .alt_page_navigation2 {
    position: absolute;
    margin-left: 275px;
    margin-top: -25px;
    
}
.page_navigation a, .alt_page_navigation a, .alt_page_navigation1 a, .alt_page_navigation2 a {
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    color: #0066FF;
    padding: 3px 3px;
    text-decoration: none;
}
.active_page {
    font-weight: bold;
}
 
 .ellipse {
    color: #cccccc;
    display: none;
}

li.active {
    color:#fff;
    background: #ccc;
}
li.active a {
    background:none !important;
}
.bgTop {
    line-height: 25px;
    margin: 10px 0;
}

.bgTop {

    background: url("../images/tailieu/cd_detail_relax.gif") no-repeat scroll left top transparent !important;
    line-height: 25px;
    margin: 10px 0;
}
.bgTopNone {
    background: none repeat scroll 0 0 transparent !important;
}
.bgTopNone h2.breadcrumb {
    padding-left: 0px;
    color: #000;
}

h2.breadcrumb {
    color: #fff;
    font-size: 15px;
    padding-left: 5px;
    padding-top: 5px;
    text-transform: none;
}
.contentx {
    
}

.bg_comment {
  
    background: url("../images/skill/bg_comment.jpg") repeat-x scroll left center transparent;
    height: 140px;
}
.txtComment {
    height: 92px;
    margin: 5px;
    width: 415px;
}

.btnsend {
    padding-right: 5px;
    text-align: right;
}
.btnComment {
    text-align: center;
    width: 150px;
}
.caldetailx h3 {
    font-size: 15px;
    color: #F11A48 !important;
}

.caldetailx h3 span {
    color: #CCCCCC !important;
    font-size: 11px;
    font-weight: 500;
}

.khoahoc_list_skill {
    margin-top: 13px;
    position: relative;
    right: -5px;
    
}
.khoahoc_list_skill {
    margin-top: 13px;
    position: relative;
    right: -5px;
    width: 100%;
}

.khoahoc_list_skill_c h2 {
    background: url("../images/skill/ncommen_top.jpg") no-repeat scroll 0 0 transparent;
    color: #F11A48;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-transform: capitalize;
   
}
.khoahoc_list_skill h2 {
    background: url("../images/skill/noidunglistkh.gif") no-repeat scroll 0 0 transparent;
    color: #3366CC;
    font-size: 16px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    
}
.khoahoc_list_skill_c h2 {
    background: url("../images/skill/ncommen_top.jpg") no-repeat scroll 0 0 transparent;
    color: #F11A48;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-transform: capitalize;
   
}
.khoahoc_list_skill h2 {
    color: #3366CC;
    font-size: 16px;
   
    text-align: center;
   
}

.khoahoc_list_skill_c .center_bg {
    background: url("../images/skill/ncommen_mid.jpg") repeat-y scroll left center transparent;
    min-height: 50px;
}
.khoahoc_list_skill .center_bg {
    background: url("../images/skill/noidunglistkcenter.gif") repeat-y scroll left center transparent;
}
.khoahoc_list_skill_c .center_bg {
    background: url("../images/skill/ncommen_mid.jpg") repeat-y scroll left center transparent;
    min-height: 50px;
}


.khoahoc_list_skill_c .bt_bg {
    background: none repeat scroll 0 0 transparent !important;
}
.khoahoc_list_skill .bt_bg {
    background: url("../images/skill/noidunglistkbt.gif") no-repeat scroll left bottom transparent;
    padding-bottom: 10px;
}
.khoahoc_list_skill_c .bt_bg {
    background: none repeat scroll 0 0 transparent !important;
}
.khoahoc_list_skill .bt_bg {
    background: url("../images/skill/noidunglistkbt.gif") no-repeat scroll left bottom transparent;
    padding-bottom: 10px;
}
.khoahoc_block {
    padding: 0 15px;
}

.khoahoc_block .list_class .list_class_img {
    float: left;
    height: 50px;
    width: 70px;
}

.khoahoc_list_skill_c .list_class {
    margin: 0 !important;
}
.khoahoc_block .list_class {
    margin: 8px 0;
    overflow: hidden;
}
.khoahoc_list_skill_c .list_class {
    margin: 0 !important;
}

.bcalc h3 {
    color: #3366CC;
    font-size: 14px;
    font-weight: 500;
}
.bcal h3 {
    background: none repeat scroll 0 0 transparent !important;
}
.khoahoc_block h3 {
    background: url("../images/skill/khoahoch3.gif") no-repeat scroll right bottom transparent;
    color: #333333;
    font-size: 13px;
    padding: 5px 0;
}

.right_sort .top1 {
    height: 15px !important;
    background: url("../images/temp/toptab_1.gif") no-repeat scroll 0 0 transparent !important;
}
.right_sort .bottom1 {
    height: 15px !important;
    background: url("../images/temp/bttab_1.gif") no-repeat scroll 0 0 transparent !important;
}
.txtComment {
    width: 615px;
}
.list_class {
    padding: 10px 0 0 0;
}
.list_class_name {
    padding-left: 5px;
}
.khhome h2{
    background: none !important;
    text-align: left;
    padding-left: 10px;
    color:#CC0000;
}

.khhome .center_bg {
    background: none !important;
}
.contentx h2 {
    font-size: 18px;
}